<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.js"></script>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/dark.js"></script>
    <script src="js/china.js"></script>
    <title>国民经济</title>
</head>
<body>
    <div id="box1">
      <div id="box1-1">
        <div id="box1-1-1"><a href="index.html">国民经济核算</a></div>
        <div id="box1-1-2"><a href="index1.html" class="p2">第一产业</a></div>
      </div>
      <div id="box1-2">国内经济发展形势及GDP预测</div>
      <div id="box1-3">
        <div id="box1-3-1"><a href="index3.html" class="p2">第三产业</a></div>
        <div id="box1-3-2"><a href="index2.html" class="p2">第二产业</a></div>
      </div>
    </div>
    <div id="box2">
      <div id="box2-1">
      </div>
      <div id="box2-2">
          <div id="box2-2-1">
              <div id="box2-2-1-1"></div>
              <div id="box2-2-1-2">中国地图</div>
          </div>
          <div id="box2-2-2"></div>
      </div>
      <div id="box2-3"></div>
    </div>
    <div id="box3">
      <div id="box3-1"></div>
      <div id="box3-2"></div>
      <div id="box3-3"></div>
      <div id="box3-4"></div>
    </div>
</body>
<script>
    var myMap=echarts.init(document.getElementById("box2-2-2"));
    var option={
        tooltip:{
            formatter: '{b}-GDP: {c}亿元',
        },
        visualMap: {
            type: 'continuous',
            min: 0,
            max: 60000,
            inRange: {
                color: ['#edfbfb', '#b7d6f3', '#40a9ed', '#3598c1', '#215096'],
                //symbolSize: [30, 100]
            },
            bottom:"7%",
            left:"5%",
            //color: ['#94cbe7','#63bec6','#2798aa']
        },
        series: [
            {
                name:'中国地图',
                type:'map',
                mapType:'china',
                label:{
                    show:true,
                    fontSize:12,
                    color:"#FFF",
                },
                itemStyle:{
                    color:"red",
                    //areaColor:"#1e86ee",
                    borderWidth:1,
                },
                emphasis: {
                    itemStyle: {
                        areaColor:'#e69637'
                    }
                },
                data:[
                    {name:"北京",value:31723},
                    {name:"天津",value:19654},
                    {name:"河北",value:3177},
                    {name:"山西",value:18049},
                    {name:"内蒙古",value:16882},
                    {name:"辽宁",value:21692},
                    {name:"吉林",value:9936},
                    {name:"黑龙江",value:10596},
                    {name:"上海",value:33019},
                    {name:"江苏",value:93180},
                    {name:"浙江",value:59182},
                    {name:"安徽",value:35653},
                    {name:"福建",value:39121},
                    {name:"江西",value:23653},
                    {name:"山东",value:68125},
                    {name:"河南",value:47785},
                    {name:"湖北",value:40238},
                    {name:"湖南",value:36953},
                    {name:"重庆",value:22244},
                    {name:"四川",value:43387},
                    {name:"贵州",value:15348},
                    {name:"云南",value:21746},
                    {name:"西藏",value:1629},
                    {name:"陕西",value:23681},
                    {name:"甘肃",value:8635},
                    {name:"青海",value:2696},
                    {name:"宁夏",value:3750},
                    {name:"新疆",value:13552},
                    {name:"广东",value:96162},
                    {name:"广西",value:19654.},
                    {name:"海南",value:5275},
                    {name:"台湾",value: 0},
                    {name:"南海诸岛",value: 0}
                ]
            }
        ]
    }
    myMap.setOption(option);


    var box2_1=echarts.init(document.getElementById("box2-1"));
    option = {
        color: ['#b7d6f3', '#40a9ed', '#3598c1', '#215096'],
        title: {
            text: '2020-2025年GDP总额及各季度',
            textStyle:{
                fontSize:16,
                color:"#FFF"
            },
            left:"13%",
            top:2,
        },
        legend: {
            textStyle:{
                color:"#FFF",
            },
            top:"7%",
            type: "scroll",
        },
        tooltip: {
            trigger: 'axis',
            showContent: false
        },
        dataset: {
            source: [
                ['product', '2020', '2021', '2022', '2023', '2024', '2025'],
                ['第一季度', 205244.8,249200.2, 271509.2, 284996.6, 303381.5,  322700.9],
                ['第二季度', 248347.7, 282849.2, 293919.5,308037.6,325940.1,  344067.1],
                ['第三季度', 264355.7, 291288.1, 309270.6, 319992.3, 339566.5, 356382.9],
                ['第四季度', 295618.8, 325899.4, 335507.9, 352360.9,  371778.5, 389016.8]
            ]
        },
        xAxis: { type: 'category',
                axisLabel:{
                    color:"#FFF"
                }
        },
        yAxis: { gridIndex: 0,

                axisLabel:{
                    color:"#FFF"
                }
        },
        grid: {
            top: '60%' ,
            bottom:"7%",
            left: "20%",
        },
        series: [
            {
                type: 'bar',
                stack:'总量',
                smooth: true,
                symbolSize: 10,
                seriesLayoutBy: 'row',
                emphasis: { focus: 'series' }
            },
            {
                type: 'bar',
                stack:'总量',
                smooth: true,
                seriesLayoutBy: 'row',
                emphasis: { focus: 'series' }
            },
            {
                type: 'bar',
                stack:'总量',
                smooth: true,
                seriesLayoutBy: 'row',
                emphasis: { focus: 'series' }
            },
            {
                type: 'bar',
                stack:'总量',
                smooth: true,
                seriesLayoutBy: 'row',
                emphasis: { focus: 'series' }
            },
            {
                type: 'pie',
                id: 'pie',
                radius: [35,50],
                center: ['50%', '35%'],
                emphasis: {
                    focus: 'self'
                },
                label: {
                    color: "#FFF",
                    fontSize: 12,
                    position:"outside",
                    formatter: '{b}:\n {@2020} 亿元({d}%)'
                },
                encode: {
                    itemName: 'product',
                    value: '2020',
                    tooltip: '2020'
                }
            }
        ]
    };
    box2_1.on('updateAxisPointer', function (event) {
        const xAxisInfo = event.axesInfo[0];
        if (xAxisInfo) {
            const dimension = xAxisInfo.value + 1;
           box2_1.setOption({
                series: {
                    id: 'pie',
                    label: {
                        formatter: '{b}: \n {@[' + dimension + ']}亿元 ({d}%)'
                    },
                    encode: {
                        value: dimension,
                        tooltip: dimension
                    }
                }
            });
        }
    });
    box2_1.setOption(option);


    var box2_3=echarts.init(document.getElementById("box2-3"));
    var xdata4=["1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年","2023年","2024年预测值","2025年预测值"]
    var KSMC4=[18872.9	, 22005.6, 27194.5, 35673.2, 48637.5, 61339.9, 71813.6, 79715, 85195.5, 90564.4	, 100280.1, 110863.1, 121717.4, 137422, 161840.2, 187318.9, 219438.5, 270092.3, 319244.6, 348517.7, 412119.3, 487940.2, 538580, 592963.2, 643563.1, 688858.2, 746395.1, 832035.9, 919281.1, 986515.2, 1013567, 1149237, 1210207.2, 1265387.4, 1340666.6, 1412167.7,]
    var option4 = {
        title: {
            text: "1991年-2025年GDP总额",
            textStyle: {
                align: "center",
                color: "#fff",
                fontSize: 16,
            },
            top: "1%",
            left: "center",
        },
        //color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: "{b}-GDP: {c}亿元 )",
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'value',
                splitLine:{show: false},
                axisLabel:{
                    show:false,
                }
            }
        ],
        dataZoom: [//滑动条
            {
                yAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 6,
            }
        ],
        yAxis: [
            {
                type: 'category',
                inverse:true, //是否是反向坐标轴
                data: xdata4,
                axisLabel:{
                    color:"#FFF"
                }
            }
        ],
        series: [
            {
                name: 'GDP',
                type: 'bar',
                barWidth: '60%',
                data: KSMC4,
                itemStyle: {
                    normal: {
                        borderColor: "#4DCEF8",
                        borderWidth: 2,
                        barBorderRadius: 15,
                        color: "rgba(102, 102, 102,0)",
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            }
        ]
    };
    box2_3.setOption(option4);
    const a=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option4.dataZoom[0].endValue == KSMC4.length ) {
            option4.dataZoom[0].endValue = 6;
            option4.dataZoom[0].startValue = 0;
        }
        else {
            option4.dataZoom[0].endValue = option4.dataZoom[0].endValue + 1;
            option4.dataZoom[0].startValue = option4.dataZoom[0].startValue + 1;
        }
        box2_3.setOption(option4);
    }, 2000);


    var box3_1=echarts.init(document.getElementById("box3-1"));
    var option={
        color: ["#b7d6f3", 'rgba(108,80,243, 0.9)', '#40a9ed'],
        title:{
            text:"三次产业贡献率",
            textStyle: {
               color:"#FFF",
               fontSize: 15,
            },
            left:"34%",
            top:"2%",
        },
        tooltip: {backgroundColor:'rgba(255,255,255,0.8)',},
        legend: {
            left:'3%',
            top:'35%',
            orient:'vertical',
            textStyle:{
                color:"#FFF",
            }
        },
        radar: {
            radius:'85%',
            center: ['50%', '68%'],
            indicator: [{
                name:"第一产业",
                max:20,
                min:0,
                color:"#FFF"
            },
                {
                    name:"第二产业",
                    max:60,
                    min:0,
                    color:"#FFF"
                },{
                    name:"第三产业",
                    max:70,
                    min:0,
                    color:"#FFF"
                }],
            //shape: "circle",
            splitNumber:3,
            splitArea:{
                show:true,
                areaStyle:{
                    // color:['rgba(1, 183, 216, 0.6)',
                    //     'rgba(1, 183, 216, 0.8)', 'rgba(1, 183, 216, 1)']
                    color:'rgba(255,255,255,0.1)',
                }
            },
            scale: false
        },
        series: [{
            name: "国民经济",
            type: "radar",
            data: [{
                value: [10.4,43.3,46.3],
                name: "2020年",

            }, {
                value: [6.4,38.9,54.7],
                name: "2021年"
            },
                {
                    value: [10.5,47.7,41.8],
                    name: "2022年"
                }, ]
        }]
    }
    box3_1.setOption(option);

    var box3_2 = echarts.init(document.getElementById('box3-2'))
    var xdata=["2018/1/1", "2018/2/1", "2018/3/1", "2018/4/1", "2018/5/1", "2018/6/1", "2018/7/1", "2018/8/1", "2018/9/1", "2018/10/1", "2018/11/1", "2018/12/1", "2019/1/1", "2019/2/1", "2019/3/1", "2019/4/1", "2019/5/1", "2019/6/1", "2019/7/1", "2019/8/1", "2019/9/1", "2019/10/1", "2019/11/1", "2019/12/1", "2020/1/1", "2020/2/1", "2020/3/1", "2020/4/1", "2020/5/1", "2020/6/1", "2020/7/1", "2020/8/1", "2020/9/1", "2020/10/1", "2020/11/1", "2020/12/1", "2021/1/1", "2021/2/1", "2021/3/1", "2021/4/1", "2021/5/1", "2021/6/1", "2021/7/1", "2021/8/1", "2021/9/1", "2021/10/1", "2021/11/1", "2021/12/1", "2022/1/1", "2022/2/1", "2022/3/1", "2022/4/1", "2022/5/1", "2022/6/1", "2022/7/1", "2022/8/1", "2022/9/1", "2022/10/1", "2022/11/1", "2022/12/1", "2023/1/1", "2023/2/1", "2023/3/1", "2023/4/1", "2023/5/1", "2023/6/1", "2023/7/1", "2023/8/1", "2023/9/1", "2023/10/1", "2023/11/1"]
    var KSMC = [100.6, 101.2,98.9, 99.8, 99.8, 99.9, 100.3, 100.7, 100.7, 100.2, 99.7, 100, 100.5, 101, 99.6, 100.1, 100, 99.9, 100.4, 100.7, 100.9, 100.9, 100.4, 100, 101.4, 100.8, 98.8, 99.1, 99.2, 99.9, 100.6, 100.4, 100.2, 99.7, 99.4, 100.7, 101, 100.6, 99.5, 99.7, 99.8, 99.6, 100.3, 100.1, 100, 100.7, 100.4, 99.7, 100.4, 100.6, 100, 100.4, 99.8, 100, 100.5, 99.9, 100.3, 100.1, 99.8, 100, 100.8, 99.5, 99.7, 99.9, 99.8, 99.8, 100.2, 100.3, 100.2, 99.9, 99.5,]
    var KSMC1 = [100.3, 99.9, 99.8, 99.8, 100.4, 100.3, 100.1, 100.4, 100.6, 100.4, 99.8, 99, 99.4, 99.9, 100.1, 100.3, 100.2, 99.7, 99.8, 99.9, 100.1, 100.1, 99.9, 100, 100, 99.5, 99	, 98.7, 99.6, 100.4, 100.4, 100.3, 100.1, 100	, 100.5, 101.1, 101	, 100.8, 101.6, 100.9, 101.6, 100.3, 100.5, 100.7, 101.2, 102.5, 100	, 98.8, 99.8, 100.5, 101.1, 100.6, 100.1, 100	, 98.7, 98.8, 99.9, 100.2, 100.1, 99.5, 99.6, 100	, 100	, 99.5, 99.1, 99.2, 99.8, 100.2, 100.4, 100	, 99.7,
    ]
    var option1 = {
        color: ['#3398DB','#3737f1'],
        title: {
            text: '2018-2023年CPI与PPI指数',
            textStyle:{
                fontSize:15,
                color:"#FFF"
            },
            left:"23%",
            top:5,
        },
        legend:{
            left:60,
            top:27,
            textStyle:{
                color:"#FFF"
            }
        },
        tooltip: {
            backgroundColor:'rgba(255,255,255,0.8)',
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: '{b0}<br />{a0}: {c0}%<br />{a1}: {c1}%'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true,
        },
        yAxis: [
            {
                type: 'value',
                min:98,
                max:103,
                axisLabel:{
                    color:"#FFF"
                }
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 3
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false,
                axisLabel:{
                    fontSize:11,
                    color:"#FFF"
                },
                data:xdata,
            }
        ],
        series: [
            {
                name: 'CPI(上月=100)',
                type: 'line',
                data: KSMC,
                symbolSize: 12,
                lineStyle:{
                    width:5,
                }
            },
            {
                name: 'PPI(上月=100)',
                type: 'line',
                data: KSMC1,
                symbolSize: 12,
                lineStyle:{
                    width:5,
                }
            }
        ]
    };
    box3_2.setOption(option1);

    const b=setInterval(function () {
        if (option1.dataZoom[0].endValue == KSMC1.length ) {
            option1.dataZoom[0].endValue = 3;
            option1.dataZoom[0].startValue = 0;
        }
        else {
            option1.dataZoom[0].endValue = option1.dataZoom[0].endValue + 1;
            option1.dataZoom[0].startValue = option1.dataZoom[0].startValue + 1;
        }
        box3_2.setOption(option1);
    }, 2000);

    var box3_3=echarts.init(document.getElementById("box3-3"));
    var xdata_4=["1978年", "1979年", "1980年", "1981年", "1982年", "1983年", "1984年", "1985年", "1986年", "1987年", "1988年", "1989年", "1990年", "1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年"]
    var KSMC_1=["168.36", "155.49", "149.84", "170.5", "189.25", "197.57", "232.7", "293.67", "345.28", "372.21", "372.21", "376.51", "478.32", "532.33", "551.46", "576.2", "861.87", "835.1", "831.42", "828.98", "827.91", "827.83", "827.84", "827.7", "827.7", "827.7", "827.68", "819.17", "797.18", "760.4", "694.51", "683.1", "676.95", "645.88", "631.25", "619.32", "614.28", "622.84", "664.23", "675.18", "661.74", "689.85", "689.76", "645.15", "672.61",]
    var option_4= {
        title: {
            text: '1978-2022年人民币对美元汇率(美元=100元)',
            textStyle:{
                fontSize: 15,
                color:"#FFF"
            },
            left:"6%",
            top:5,
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: '{a0}<br />{b0}: {c0}元',
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '2%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel:{
                    show: false,
                },
                splitLine:{show: false},
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 4,
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata_4,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '对美元汇率(美元=100元)',
                type: 'bar',
                barWidth: 40,
                data: KSMC_1,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
            {
                name: '对美元汇率(美元=100元)',
                type: 'pictorialBar',
                symbolSize: [41, 25],
                symbolOffset: [0, -10],
                z: 12,
                symbolPosition: 'end',
                itemStyle: {
                    normal: {
                        color: '#296e9c'
                    }
                },
                data: KSMC_1,

            }, {
                name: '对美元汇率(美元=100元)',
                type: 'pictorialBar',
                symbolSize: [41, 25],
                symbolOffset: [0, 10],
                z: 12,
                itemStyle: {
                    normal: {
                        color: '#3496d7'
                    }
                },
                data: KSMC_1,
            },
        ]
    };
    box3_3.setOption(option_4);
    //通过定时器的方式刷新，改变statrValue，endValue
    const c=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option_4.dataZoom[0].endValue == KSMC_1.length ) {
            option_4.dataZoom[0].endValue = 6;
            option_4.dataZoom[0].startValue = 0;
        }
        else {
            option_4.dataZoom[0].endValue = option_4.dataZoom[0].endValue + 1;
            option_4.dataZoom[0].startValue = option_4.dataZoom[0].startValue + 1;
        }
        box3_3.setOption(option_4);
    }, 2000);

    var box3_4=echarts.init(document.getElementById("box3-4"));
    option = {
        title: {
            text: "2018年-2022年货物进出口总额",
            textStyle: {
                align: "center",
                color: "#fff",
                fontSize: 15,
            },
            top: "2%",
            left: "center",
        },
        legend:{
            // orient:'vertical',
            left: "6%",
            top: "14%",
            textStyle:{
                color:"#FFF"
            },
        },
        tooltip: {
            trigger: "axis",
            axisPointer: {
                lineStyle: {
                    color: {
                        type: "linear",
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [
                            {
                                offset: 0,
                                color: "rgba(0, 255, 233,0)",
                            },
                            {
                                offset: 0.5,
                                color: "rgba(255, 255, 255,1)",
                            },
                            {
                                offset: 1,
                                color: "rgba(0, 255, 233,0)",
                            },
                        ],
                        global: false,
                    },
                },
            },
        },
        grid: {
            top: "15%",
            left: "10%",
            right: "10%",
            bottom: "2%",
            containLabel: true
        },
        xAxis: [
            {
                type: "category",
                axisLine: {
                    show: true,
                },
                splitArea: {
                    // show: true,
                    color: "#f00",
                    lineStyle: {
                        color: "#f00",
                    },
                },
                axisLabel: {
                    color: "#fff",
                },
                splitLine: {
                    show: false,
                },
                boundaryGap: false,
                data: ["2018年", "2019年", "2020年", "2021年", "2022年"],
            },
        ],

        yAxis: [
            {
                type: "value",
                min: 100000,
                max: 300000,
                splitNumber: 4,
                splitLine: {
                    show: true,
                    lineStyle: {
                        color: "rgba(255,255,255,0.1)",
                    },
                },
                axisLine: {
                    show: false,
                },
                axisLabel: {
                    show: false,
                    margin: 20,
                    textStyle: {
                        color: "#d1e6eb",
                    },
                },
                axisTick: {
                    show: false,
                },
            },
        ],
        series: [
            {
                name: "出口总额(人民币亿元)",
                type: "line",
                smooth: true,
                showAllSymbol: true,
                symbol: "circle",
                symbolSize: 15,
                lineStyle: {
                    normal: {
                        color: "#6c50f3",
                        shadowColor: "rgba(0, 0, 0, .3)",
                        shadowBlur: 0,
                        shadowOffsetY: 5,
                        shadowOffsetX: 5,
                    },
                },
                label: {
                    show: true,
                    position: "top",
                    textStyle: {
                        color: "#6c50f3",
                    },
                },
                itemStyle: {
                    color: "#6c50f3",
                    borderColor: "#fff",
                    borderWidth: 3,
                    shadowColor: "rgba(0, 0, 0, .3)",
                    shadowBlur: 0,
                    shadowOffsetY: 2,
                    shadowOffsetX: 2,
                },
                tooltip: {
                    show: false,
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(
                            0,
                            0,
                            0,
                            1,
                            [
                                {
                                    offset: 0,
                                    color: "rgba(108,80,243,0.3)",
                                },
                                {
                                    offset: 1,
                                    color: "rgba(108,80,243,0)",
                                },
                            ],
                            false
                        ),
                        shadowColor: "rgba(108,80,243, 0.9)",
                        shadowBlur: 20,
                    },
                },
                data: [164128.8,172373.6,179278.8,214255.2,237411.5],
            },
            {
                name: "进口总额(人民币亿元)",
                type: "line",
                smooth: true,
                showAllSymbol: true,
                symbol: "circle",
                symbolSize: 15,
                lineStyle: {
                    normal: {
                        color: "#00ca95",
                        shadowColor: "rgba(0, 0, 0, .3)",
                        shadowBlur: 0,
                        shadowOffsetY: 5,
                        shadowOffsetX: 5,
                    },
                },
                label: {
                    show: true,
                    position: "top",
                    textStyle: {
                        color: "#00ca95",
                    },
                },

                itemStyle: {
                    color: "#00ca95",
                    borderColor: "#fff",
                    borderWidth: 3,
                    shadowColor: "rgba(0, 0, 0, .3)",
                    shadowBlur: 0,
                    shadowOffsetY: 2,
                    shadowOffsetX: 2,
                },
                tooltip: {
                    show: false,
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(
                            0,
                            0,
                            0,
                            1,
                            [
                                {
                                    offset: 0,
                                    color: "rgba(0,202,149,0.3)",
                                },
                                {
                                    offset: 1,
                                    color: "rgba(0,202,149,0)",
                                },
                            ],
                            false
                        ),
                        shadowColor: "rgba(0,202,149, 0.9)",
                        shadowBlur: 20,
                    },
                },
                data: [140881.3,143253.7,142936.4,173159.4,180600.1],
            },
        ],
    };
    box3_4.setOption(option);
</script>
</html>